<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <el-card class="box-card">
    <div class="container">
      <el-carousel indicator-position="outside">
        <el-carousel-item v-for="(item, index) in urls" :key="index">
          <img v-bind:src="item.url" style="width: 70%; height: 100%" />
        </el-carousel-item>
      </el-carousel>
    </div>
    <div>
      <p>味道真的好</p>
    </div>
  </el-card>
</template>
      
<script>
export default {
  created() {},
  data() {
    return {
      urls: [
        {
          url: "https://picgo-photos.oss-cn-hangzhou.aliyuncs.com/img/src=http___lmg.jj20.com_up_allimg_811_0HQ4104127_140HQ04127-5-1200.jpg&refer=http___lmg.jj20.webp",
        },
        {
          url: "https://picgo-photos.oss-cn-hangzhou.aliyuncs.com/img/src=http___pic1.win4000.com_wallpaper_7_540eb0ec0f25c.jpg_down&refer=http___pic1.win4000.webp",
        },
        {
          url: "https://picgo-photos.oss-cn-hangzhou.aliyuncs.com/img/u=3758467693,3938454272&fm=253&fmt=auto&app=120&f=JPEG.webp",
        },
        {
          url: "https://picgo-photos.oss-cn-hangzhou.aliyuncs.com/img/u=1232541259,4067028265&fm=253&fmt=auto&app=138&f=JPEG.webp",
        },
        {
          url: "https://picgo-photos.oss-cn-hangzhou.aliyuncs.com/img/src=http___lmg.jj20.com_up_allimg_1115_120R11I602_21120QI602-4-1200.jpg&refer=http___lmg.jj20.webp",
        },
      ],
    };
  },
  methods: {},
};
</script>

<style scoped>
/* 轮播图 */
.el-carousel__item h3 {
  color: #475669;
  font-size: 18px;
  opacity: 0.75;
  line-height: 300px;
  margin: 0;
}
/deep/ .el-carousel__container {
  position: relative;
  height: 600px;
  text-align: center;
}
</style>
      